<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>家装案例</title>
		<link rel="stylesheet" href="css/base.css" />
		<!--<link rel="stylesheet" href="css/nav&footer.css" />-->
		<link rel="stylesheet" type="text/css" href="css/jzal.css" />
	</head>

	<body>
		<!--顶部导航 -->
		<header>
			<div class="nav_title  clearfix">
				<div class="nav_top clearfix">
					<ul>
						<li><a href="javascript:;">预约设计师</a></li>
						<li><a href="javascript:;">我要装修</a></li>
						<li><a href="javascript:;">400-665-3707</a></li>
					</ul>
				</div>
			</div>
			<div class="nav_body">
				<ul class="nav">
					<li><a href="index.html">首页</a></li>
					<li><a href="jzal.html" style="background: url(images/nav-hover.png); color: white;">家装案例</a></li>
					<li><a href="designteam_No2.html">设计团队</a></li>
					<li><a href="knowledge_No2.html">家装知识</a></li>
					<li><a href="about.html">关于我们</a></li>
				</ul>
			</div>
		</header>

		<!--内容-->
		<section>
			<div class="banner_lun">
				<div class="clearfix figure">
					<img src="images/dbanner.jpg" />
					<img src="images/dbanner3.jpg" />
					<img src="images/dbanner4.jpg" />
					<img src="images/dbanner2.jpg" />
					<img src="images/dbanner.jpg" />
				</div>
				<div class="font_img"><img src="images/dzt.png" /></div>
			</div>

			<div class="place">
				<p>
					<a href="index.html">首页</a>>案列展示</p>
			</div>

			<div class="nav_txt">
				<ul class="clearfix nav_sp">
					<li>
						<a href="javascript:;">全部<span></span></a>
					</li>
					<li>
						<a href="javascript:;">简约<span></span></a>
					</li>
					<li>
						<a href="javascript:;">中式<span></span></a>
					</li>
					<li>
						<a href="javascript:;">欧式<span></span></a>
					</li>
					<li>
						<a href="javascript:;">日式<span></span></a>
					</li>
					<li>
						<a href="javascript:;">地中海<span></span></a>
					</li>
					<li>
						<a href="javascript:;">复古<span></span></a>
					</li>
				</ul>
				<div class="line">					
				</div>
			</div>

			<div class="content">
				<div class="clearfix mbox">
					<div class="imge fl">
						<img src="images/dtp1.jpg" />
						<div class="more">
							<a href="case.html"><span>查看更多</span></a>
						</div>
					</div>
					<div class="txt fl">
						<ul>
							<li>日式<span></span>舒适港湾</li>
							<li>项目地址：湘城华府</li>
							<li>项目面积：110㎡</li>
							<li>项目风格：日式</li>
							<li>造价：13万</li>
							<li>主要用材：大理石、实木地板、瓷砖、墙纸</li>
						</ul>
					</div>
					<img src="images/dbtn.png" class="icon_img" />
				</div>

				<div class="clearfix mbox">
					<div class="imge fr"><img src="images/dtp2.jpg" />
						<div class="more">
							<a href="case.html"><span>查看更多</span></a>
						</div>
					</div>
					<div class="txt fr" id="r_margin">
						<ul>
							<li>现代<span></span>折瑾</li>
							<li>项目地址：英伦首府</li>
							<li>项目面积：103㎡</li>
							<li>项目风格：现代简约</li>
							<li>项目户型：3室2厅</li>
							<li>主要用材：大理石、实木地板、瓷砖、墙纸</li>
						</ul>
					</div>
					<img src="images/dbtn.png" class="icon_img_1" />
				</div>

				<div class="clearfix mbox">
					<div class="imge fl">
						<img src="images/dtp3.jpg" />
						<div class="more">
							<a href="case.html"><span>查看更多</span></a>
						</div>
					</div>
					<div class="txt fl">
						<ul>
							<li>北欧<span></span>素岚</li>
							<li>项目地址：中央一品</li>
							<li>项目面积：145㎡</li>
							<li>项目风格：现代简约</li>
							<li>项目户型：3室2厅</li>
							<li>主要用材：大理石、实木地板、瓷砖、墙纸</li>
						</ul>
					</div>
					<img src="images/dbtn.png" class="icon_img" />
				</div>

				<div class="clearfix mbox">
					<div class="imge fr"><img src="images/dtp4.jpg" />
						<div class="more">
							<a href="case.html"><span>查看更多</span></a>
						</div>
					</div>
					<div class="txt fr" id="r_margin">
						<ul>
							<li>简约<span></span>左转遇见</li>
							<li>项目地址：东丽温泉家园</li>
							<li>项目面积：120㎡</li>
							<li>项目风格：现代混搭风格</li>
							<li>项目户型：4室2厅</li>
							<li>主要用材：大理石、实木地板、瓷砖、墙纸</li>
						</ul>
					</div>
					<img src="images/dbtn.png" class="icon_img_1" />
				</div>

				<div class="clearfix mbox">
					<div class="imge fl">
						<img src="images/dtp5.jpg" />
						<div class="more">
							<a href="case.html"><span>查看更多</span></a>
						</div>
					</div>
					<div class="txt fl">
						<ul>
							<li>新中式<span></span>山木有枝</li>
							<li>项目地址：英伦星海湾</li>
							<li>项目面积：130㎡</li>
							<li>项目风格：新中式</li>
							<li>项目户型：3室2厅</li>
							<li>主要用材：大理石、实木地板、瓷砖、墙纸</li>
						</ul>
					</div>
					<img src="images/dbtn.png" class="icon_img" />
				</div>

				<div class="clearfix mbox">
					<div class="imge fr"><img src="images/dtp6.jpg" />
						<div class="more">
							<a href="case.html"><span>查看更多</span></a>
						</div>
					</div>
					<div class="txt fr" id="r_margin">
						<ul>
							<li>地中海风格<span></span>让大海住进家里</li>
							<li>项目地址：洋湖一号</li>
							<li>项目面积：80㎡</li>
							<li>项目风格：地中海风格</li>
							<li>造价：13万</li>
							<li>主要用材：大理石、实木地板、瓷砖、墙纸</li>
						</ul>
					</div>
					<img src="images/dbtn.png" class="icon_img_1" />
				</div>

				<div class="btn_txt">
					<a href="javascript:;">加载更多</a>
				</div>
			</div>

		</section>

		<!--底部-->
		<div class="footer">
			<div class="aboutus">
				<div class="about">
					<div class="list1">
						<dl>
							<dt>关于我们</dt>
							<dd>
								<a href="about.html">公司介绍</a>
							</dd>
							<dd>
								<a href="about.html">联系我们</a>
							</dd>
							<dd>
								<a href="javascript:;">加入我们</a>
							</dd>
						</dl>
					</div>
					<div class="list2">
						<dl>
							<dt>留言帮助</dt>
							<dd>
								<a href="javascript:;">网站帮助</a>
							</dd>
							<dd>
								<a href="javascript:;">帮助中心</a>
							</dd>
							<dd>
								<a href="javascript:;">意见反馈</a>
							</dd>
						</dl>
					</div>
					<div class="list3">
						<ul>
							<li>客服电话</li>
							<li class="tel">4008-665-3202</li>
							<li>周一至周日：8：00-22：00</li>
							<li>合肥市包河区</li>
						</ul>
					</div>
					<div class="contact">
						<div class="wechat">
							<img src="images/QR_code.jpg" />
							<p>官方微信</p>
						</div>
						<div class="weibo">
							<img src="images/QR_code.jpg" />
							<p>官方微博</p>
						</div>
					</div>
				</div>
			</div>
			<div class="copy">
				<p>Copyright©2006-2017|合肥点设科技有限公司版权所有|皖ICP证130164号</p>
			</div>
		</div>

		<!--侧边栏-->
		<div class="siderbar">
			<div class="bar">
				<ul>
					<li class="top">返回顶部</li>
					<li class="tel">400-665-3707</li>
					<li class="qq">
						<a href="http://wpa.qq.com/msgrd?v=3&amp;uin=916626570&amp;site=qq&amp;menu=yes&amp;from=message&amp;isappinstalled=0" target="_blank" title="即刻发送您的需求">在线咨询</a>
					</li>
					<li class="qr_code">
						微信二维码 <br>
						<img src="images/QR_code.jpg" class="qr_code1" />
					</li>
				</ul>
			</div>
		</div>	
        
        <!--表单-->
        <div class="ad clearfix" id="adv">
			<div class="free clearfix">
				<h1 class="fl">免费获取</h1>
				<p class="fl">量房服务</p>
			</div>
			<div class="fom">
				<form class=" clearfix">					
					<div class="nam fl">						
					<input type="text" placeholder="请输入您的称呼"/>
					</div>
					<div class="cal fl">
					<input type="text" placeholder="请填写您的手机号"/>
					</div>
					<div class="seek fl">
					<input type="submit" value="预约咨询"/>
					</div>
				</form>
			</div>
			<div class="bttn" id="close">×</div>
        </div>	

				<script type="text/javascript" src="js/jquery-1.7.min.js"></script>
		<script>
			$(function() {
				// 悬浮窗口
				$(".siderbar").hover(function() {
					$(".siderbar").css("right", "5px");
					$(".bar .qr_code").css('height', '200px');
				}, function() {
					$(".siderbar").css("right", "-127px");
					$(".bar .qr_code").css('height', '53px');
				});
				// 返回顶部
				$(".top").click(function() {
					$("html,body").animate({
						'scrollTop': '0px'
					}, 300)
				});
				//广告关闭
				$("#close").click(function(){
					$("#adv").fadeOut(300);
				});		
			});
		</script>
	</body>

</html>